<style type="text/css">
	body {
		position: relative;
		background-size: cover;
		overflow: hidden;
		padding-bottom: 0;
	}
	header {
		font-size: .8em;
	}
	.gh-gl {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80%;
		text-align: center;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.gh-gl-item {
		display: block;
		margin-bottom: .2em;
		padding-top: .5em;
		padding-bottom: .5em;
		background-color: rgba(255, 255, 255, .8);
	}
	.gh-tip {
		position: absolute;
		top: 0;
		left: 0;
	}
	.pr-copyright {
		width: 100%;
		margin-bottom: 48px;
		padding: 0.8em;
	}
	.ellipsis {
		padding-top: 1px;
	}
	.from-bar {
		position: inherit;
	}
	.goods-category {
		margin: 2%;
		padding: 0.8em;
		width: 96%;
		background: #fff;
		box-sizing: border-box;
	}
	.goods-category li {
		box-sizing: border-box;
		float: left;
		width: 25%;
		text-align: center;
		font-size: .8em;
	}
	.goods-category li img {
		width: 3em;
		height: 3em;
		border-radius: 50%;
	}
	.goods-category li p {
		height: 24px;
		line-height: 24px;
		margin-top: 8px;
	}
	.goods-lists {
		margin: 1em 2%;
	}
	.goods-lists li {
		padding: 0.5em;
		background: #ffffff;
		margin-bottom: 0.8em;
		text-align: center;
		box-sizing: border-box;
		width: 49%;
		float: left;
	}
	.goods-lists li:nth-child(even) {
		margin-left: 2%;
	}
	.goods-lists li:nth-child(odd){
	    clear: left;
	}
	.goods-lists li .goods-title {
		height: 1.8em;
		line-height: 1.8em;
		overflow: hidden;
		font-size: 1em;
	}
	.goods-lists li img {
		border: 0;
	}
	.goods-lists .goods-price {
		float: left;
		font-size: .8em;
		display: inline-block;
		padding: 0 3px;
		border-radius: 3px;
	}
	.goods-lists del{
	    color: #999;
        font-size: 90%;
        display: inline-block;
	}
</style>

<header class="gh-tip flex-row from-bar">
	<div class="row-item">
		<eq name="user.subscribe" value="0">
			<notempty name="fromUser">
				<notempty name="fromUser.face">
					<div class="gh-tip-face fl">
						<img class="w100" src="{$fromUser.face}" alt="" style="width:100px">
					</div>
				</notempty>
				<p class="ellipsis">来自 {$fromUser.nickname} 的推荐</p>
				<p class="ellipsis">{$config.unsubscribe_text|default="关注我们，获取更多优惠"}</p>
			</notempty>
			<else/>
			<notempty name="user">
				<notempty name="user.face">
					<div class="gh-tip-face fl">
						<img class="w100" src="{$user.face}" alt="">
					</div>
				</notempty>
				<p class="ellipsis">{$user.nickname}，感谢您的关注</p>
				<p class="ellipsis">{$config.subscribed_text|default="购买后分享给朋友，获取分享积分"}</p>
			</notempty>
		</eq>
	</div>

	<if condition="!$user['subscribe']">
		<a href="{$config.subscribe_url}" class="btn btn-theme">关注我们</a>
		<else/>
		<a href="{:url(null, 'DisShop', 'my', 'sid='.$sid)}" class="btn btn-theme">个人中心</a>
	</if>
</header>

<div class="flex-row">
	<ul class="goods-lists">
		<volist name="goodsLists" id="v">
			<li>
				<a href="{$v.url}">
					<img src="{$v['image_vertical']?$v['image_vertical']:$v['images'][0]}" />
					<p class="goods-title">{$v.name}</p>
					<p><span class="goods-price">金牌会员价:￥{$v.dealer_price}</span></p>
					<p><span class="goods-price"><del>会员价:￥{$v.price}</del></span></p>
					<gt name='v.high_price' value="0"><p><span class="goods-price"><del>原价:{$v.high_price}</del></span></p></gt>
				</a>
			</li>
		</volist>
	</ul>
</div>